﻿@using QuocHoi_TV_Frontend.Models
@{
    List<News> topVideo = DataModels.getTopVideo(10);
    List<BroadcastDetail> schedule = DataModels.getBroadcastByDate(DateTime.Parse(DateTime.Now.ToString("yyyy-MM-dd")));
}
<aside id="sidebar">
    <div id="sidebar_holder">

        <!-- tin moi nhat -->
        <div class="tinmoinhat">
            <div class="tiletin">
                <a href="">Xem nhiều nhất</a>
            </div>
            <div class="allvideoviewhost">
                <ul class="videohotscroll">
                    @{int i = 1;}
                    @foreach (var item in topVideo)
                    {
                        string linkVideo = Url.RouteUrl("BroadCastDetail",
                                            new
                                            {
                                                controller = "Broadcast",
                                                action = "Detail",
                                                cate_name = Util.RemoveSign4VietnameseString(item.Category.CateName),
                                                news_title = Util.RemoveSign4VietnameseString(item.NewsTitle),
                                                newsID = item.NewsID
                                            });
                        <li class="">
                            <div class="img_allvideoviewhost">
                                <a href="@Html.Raw(linkVideo)">
                                    <img src="@item.PathImgSmall" width="112" height="64">
                                </a>
                            </div>
                            <div class="tile_allvideoviewhost">
                                <a href="@Html.Raw(linkVideo)">@NewsHelper.Sliptsubject(item.NewsTitle, 40)</a>
                            </div>                           
                        </li>   
                        i++;
                    }
                </ul>
                
            </div>

        </div>
        <!-- tin noi bat -->
        <div class="lichphatsong">
            <div class="tilelps">
                <a href="">Lịch phát sóng</a>
            </div>
            <div class="info_lps">
                <table id="infolps" cellspacing="5" cellpadding="0" style="width: 100%;">
                    <tbody>
                        @foreach (var item in schedule)
                        {
                            <tr>
                                <td>
                                    <span class="hour_lps">@item.TimeFrom - @item.TimeTo</span>
                                    <span class="name_programs">@item.BroadcastDetail1</span>
                                </td>
                            </tr>    
                        }                        
                    </tbody>
                </table>
            </div>
            <div class="btxemct">
                <a href="/ScheduleTV">Lịch phát sóng các ngày khác</a>
            </div>
        </div>
        <!-- thoi tiet -->
        <div id="weather">
            <div class="tile_weather">
                <a href="">WEATHER</a>
            </div>
            <div class="boxweather">
                <div class="list_city">
                    <select>
                        <option>Chọn thành phố</option>
                        <option value="Danh sách thành phố">TP Hà nội</option>
                        <option value="Danh sách thành phố">TP Hồ Chí Minh</option>
                        <option value="Danh sách thành phố">TP Hải Phòng</option>
                    </select>
                </div>
                <div class="nametpwt">Hà nội, Việt Nam</div>
                <dl class="dayForecast">
                    <dt>Thứ 2</dt>
                    <dd>
                        <a href="">
                            <img class="icon_weather" src="/Images/bgqhtv/icon_weather_1.png" width="80" height="80">
                        </a>
                        <p class="temp max">
                            <span class="label">Max
												<span class="hide">Temperature</span>
                                :
                            </span>
                            <span class="value">28°C</span>
                            <span class="hide">82°F</span>
                        </p>
                        <p class="temp min">
                            <span class="label">Min
												<span class="hide">Temperature</span>
                                :
                            </span>
                            <span class="value">25°C</span>
                            <span class="hide">77°F</span>
                        </p>
                    </dd>
                    <dt>Thứ 3</dt>
                    <dd>
                        <a href="">
                            <img class="icon_weather" src="/Images/bgqhtv/icon_weather_1.png" width="80" height="80">
                        </a>
                        <p class="temp max">
                            <span class="label">Max
												<span class="hide">Temperature</span>
                                :
                            </span>
                            <span class="value">28°C</span>
                            <span class="hide">82°F</span>
                        </p>
                        <p class="temp min">
                            <span class="label">Min
												<span class="hide">Temperature</span>
                                :
                            </span>
                            <span class="value">25°C</span>
                            <span class="hide">77°F</span>
                        </p>
                    </dd>
                    <dt class="last">Thứ 4</dt>
                    <dd class="last">
                        <a href="">
                            <img class="icon_weather" src="/Images/bgqhtv/icon_weather_1.png" width="80" height="80">
                        </a>
                        <p class="temp max">
                            <span class="label">Max
												<span class="hide">Temperature</span>
                                :
                            </span>
                            <span class="value">28°C</span>
                            <span class="hide">82°F</span>
                        </p>
                        <p class="temp min">
                            <span class="label">Min
												<span class="hide">Temperature</span>
                                :
                            </span>
                            <span class="value">25°C</span>
                            <span class="hide">77°F</span>
                        </p>
                    </dd>
                </dl>
            </div>
            <div class="footer_weather">
                <a href="">Dự báo chi tiết</a>
            </div>
        </div>
        <!-- icon ket noi -->
        <div class="ketnoi">
            <div class="iconketnoi">
                <ul>
                    <li>
                        <a href="">
                            <i class="iconfb"></i>
                        </a>
                        <span><a href="">Facebook</a></span>
                    </li>
                    <li>
                        <a href="">
                            <i class="icontw"></i>
                        </a>
                        <span><a href="">Tiwter</a></span>
                    </li>
                    <li>
                        <a href="">
                            <i class="iconyoutube"></i>
                        </a>
                        <span><a href="">Youtube</a></span>
                    </li>
                    <li>
                        <a href="">
                            <i class="iconRSS"></i>
                        </a>
                        <span><a href="">RSS</a></span>
                    </li>
                </ul>
            </div>
        </div>
        <!-- link vov -->
        <div id="link_web">
            <ul>
                <li>
                    <a href="http://vov1.vov.vn/">
                        <img src="/Images/bgqhtv/vov1.png" width="78" height="78">
                    </a>
                </li>
                <li>
                    <a href="http://vov1.vov.vn/">
                        <img src="/Images/bgqhtv/vov2.png" width="78" height="78">
                    </a>
                </li>
                <li>
                    <a href="http://vov1.vov.vn/">
                        <img src="/Images/bgqhtv/vov3.png" width="78" height="78">
                    </a>
                </li>
                <li>
                    <a href="http://vov1.vov.vn/">
                        <img src="/Images/bgqhtv/vov4.jpg" width="78" height="78">
                    </a>
                </li>
                <li>
                    <a href="http://vov1.vov.vn/">
                        <img src="/Images/bgqhtv/vov5.png" width="78" height="78">
                    </a>
                </li>
            </ul>
        </div>
    </div>
</aside>
